<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery1.9.1.js"></script>

</head>
<body>
<button id="getEmps">获取员工信息</button>
<div id="emps">
    信息列表

</div>
</body>
<script>
    var serverPath="http://localhost:8080/day06/";

    $("#getEmps").on("click",function () {
        //方法的参数是Ajax的配置项
        $.ajax({
            //服务端处理路径
            url:serverPath+"test1",
            //请求方式默认为get
            type:"post",
            //需要在请求中携带的参数
            data:{
                id:1,
                name:"jack",
                age:10
            },
            //成功返回时执行的逻辑
            success:function (data) {
                console.log(data);
            },
            //出现错误时执行的逻辑
            error:function () {
                alert("获取数据时出现了错误")
            },
            //请求执行之前的操作
            beforeSend:function () {
                alert("请求之前在执行...")
            },
            //无论请求是否成功都会执行的操作
            complete:function () {
                alert("相当于finally无论成功与否都能执行")
            }

        });
    });

</script>
</html>